<template>
	<footer class="fixed_d" v-if="$store.state.Type">
		<ul class="flexs wallfff plr30">
			<li v-for="item in list" class="flex1">
				<router-link :to="item.href" active-class="active" class="foot-a"> 
					<i class="iconfont sz36" :class="item.className"></i>
					<p>{{item.name}}</p>
				</router-link>
			</li>
		</ul>

	</footer>
</template>
<script>
	export default {
		data() {
			return {
				list: [{
						name: '油卡充值',
						className: 'icon-recharge',
						href: '/cardoilAll'
					},
					{
						name: '车险申报',
						className: 'icon-declare',
						href: '/autoinsuranAll'
					},
					{
						name: '车辆团购',
						className: 'icon-GroupPurchase',
						href: '/buyingAll'
					},
					//					{
					//						name: '积分商城',
					//						className: 'icon-myintegration',
					//						href: '/intshopAll'
					//					},
					{
						name: '个人中心',
						className: 'icon-personage',
						href: '/mycentreAll'
					}
				],
				//				type: true
			}
		},
	}
</script>
<style scoped>
	
	.foot-a{
		display: flex;
		flex-direction: column;
	    justify-content: center;
	    align-items: center;
		height: 1.3333333333rem;
	    color: #666;
	}
	a.foot-a.active {
		color: #df4444;
	}
	
</style>